html {
  font-size: 62.5%;
}
html * {
  -webkit-text-size-adjust: none;
}
body {
  background-color: #f1f1f1;
}
body, ul, li, dl, dd {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
strong {
  font-weight: normal;
}
em, i {
  font-style: normal;
}
a {
  text-decoration: none;
}
button {
  background: none;
  border: none;
  &:focus {
    outline: none;
  }
}
$size76: 76px;
// 外间距
.zh-mt-76 {
  margin-top: $size76;
}
.zh-ml-10 {
  margin-left: 10px;
}
.zh-mr-10 {
  margin-right: 10px;
}
.zh-mt-20 {
  margin-top: 20px;
}
// 内间距
.zh-pb-20 {
  padding-bottom: 20px;
}
.zh-padding-20 {
  padding: 20px;
}
// 边框
.zh-bd-0 {
  border-bottom: 0 !important;
}
// 浮动
.zh-clearfix:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  clear: both;
}
// 加载更多
.zh-load-more {
  width: 100%;
  font-size: 28px;
}
// 标题
.zh-global-title {
  margin-top: 20px;
  padding: 24px;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  strong {
    padding-left: 10px;
    border-left: 4px solid #26A2FF;
    font-size: 30px;
    color: #333;
  }
  .zh-go {
    float: right;
    margin-right: 3px;
    color: #666;
    font-size: 40px;
  }
}
.zh-empty {
  padding: $size76 0;
  font-size: 28px;
  color: #999;
  text-align: center;
  .fa {
    font-size: 50px;
    color: #bbb;
  }
}
// 重置样式
.mint-switch {
  .mint-switch-core {
    width: 72px;
    height: 40px;
    border-radius: 40px;
    &:before,
    &:after {
      width: 36px;
      height: 36px;
      border-radius: 50%;
    }
  }
  .mint-switch-input:checked + .mint-switch-core::after {
    transform: translateX(36px);
  }
}
.mint-badge {
  padding: 0 20px;
  border-radius: 40px !important;
  &.is-size-small {
    font-size: 24px;
    padding: 4px 12px;
  }
}
.mint-msgbox {
  .mint-msgbox-content {
    padding: 40px;
  }
  .mint-msgbox-message {
    font-size: 30px;
    line-height: 50px;
  }
  .mint-msgbox-confirm,
  .mint-msgbox-title{
    font-size: 30px;
    font-weight: normal;
  }
  .mint-msgbox-btns {
    height: 80px;
    line-height: 80px;
  }
}
.mint-toast {
  .mint-toast-text {
    font-size: 28px;
  }
  .fa {
    font-size: 36px;
  }
}
.mint-cell {
  min-height: $size76;
  .mint-cell-text {
    font-size: 28px;
    color: #666;
  }
}
.mint-field {
  min-height: $size76;
  .mint-cell-wrapper {
    padding: 0 24px;
    font-size: 28px;
  }
  .mint-cell-text {
    font-size: 28px;
    color: #666;
  }
  .mint-cell-title {
    width: 160px;
  }
  .mint-field-core {
    color: #333;
  }
}
.mint-cell {
  .mint-cell-wrapper {
    padding: 0 24px;
    .mint-cell-allow-right:after {
      width: 16px;
      height: 16px;
      right: 24px;
    }
  }
}
.mint-indicator {
  .mint-spinner-fading-circle {
    width: 60px !important;
    height: 60px !important;
  }
  .mint-indicator-text {
    font-size: 28px;
  }
}
.mint-button {
  height: $size76;
  .mint-button-text {
    font-size: 30px;
  }
  &.mint-button--success {
    color: #fff;
    background-color: #67C23A;
  }
  &.mint-button--danger {
    background-color: #ff6b60;
  }
}
.mint-header {
  padding: 0 20px;
  height: $size76;
  .mint-header-title {
    font-size: 32px;
  }
  .mint-button-text {
    font-size: 28px;
  }
  .mintui {
    font-size: 30px;
  }
  .mintui-back {
    vertical-align: 15px;
  }
  &.is-fixed {
    z-index: 999;
  }
}
.mint-tab-container {
  padding: 0 24px;
}
.mint-popup {
  width: 100%;
  .zh-popup-control {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fbfbfb;
    button {
      flex: 1;
      height: $size76;
      font-size: 30px;
      color: #666;
      border-left: 1px solid #e5e5e5;
    }
    button:last-child {
      color: #26A2FF;
    }
  }
}
.picker {
  .picker-slot {
    font-size: 30px;
  }
  .picker-toolbar {
    height: $size76;
  }
  .mint-datetime-cancel {
    color: #666;
  }
  .mint-datetime-action {
    font-size: 30px;
    line-height: $size76;
  }
}
.mint-navbar  {
  .mint-tab-item {
    padding: 20px 0;
  }
  .mint-tab-item-label {
    font-size: 30px;
    color: #666;
  }
  .mint-tab-item.is-selected .mint-tab-item-label {
    color: #26a2ff;
  }
}
// 页面样式
.zh-coupon-list {
  padding: 20px;
  .zh-coupon-item:first-child {
    margin-top: 0;
  }
}
// 文本颜色
.zh-text-red {
  color: #ff6b60 !important;
}
.zh-text-blue {
  color: #26A2FF !important;
}
.zh-text-999 {
  color: #999 !important;
}
// 文本对齐
.zh-text-center {
  text-align: center !important;
}